<template>
	<!-- 20221104 -->
	<view class="block-statistics-cn">
		<!-- 页面内容 -->
		<view class="cn-content">
			<view class="flex align-center justify-between">
				<view class="commission-item flex flex-direction align-center justify-center"
					v-for="(item,index) in list" :key="index">
					<view class="text-34 text-bold text-1a">{{item.number}}</view>
					<view class="margin-top-10 text-22 text-4d">{{item.name}}</view>
				</view>
			</view>
		</view>

		<!-- 页面浮层 -->
		<view class="cn-layer">
			
		</view>
	</view>

	</view>
</template>

<script>
	export default {
		props: {
			// 显示列表
			list: {
				type: Array,
				default: []
			}
		},

		methods: {

		}
	}
</script>

<style scoped>
	.commission-item {
		width: 220rpx;
		height: 150rpx;
		border-radius: 10rpx;
		box-shadow: 0rpx 10rpx 56rpx -12rpx rgba(97, 100, 127, 0.18);
	}
</style>
